﻿@page "/chat/share-chat"

@layout EmptyLayout
@inject NavigationManager NavigationManager
@inject LocalStorageJsInterop LocalStorageJsInterop
@inject IChatApplicationService ChatApplicationService
<style>
    .content-container {
        display: flex;
    }

    .left-column {
        width: 160px;
        min-width: 160px;
    }

    .middle-column {
        width: 220px;
        min-width:220px;
    }

    .right-column {
        flex-grow: 1;
    }

    .vertical-divider {
        width: 1px; /* 设置宽度为1px */
        background-color: #E0E0E0; /* 设置分割线颜色为黑色 */
        height: 100%; /* 设置高度为100px，或者你想要的高度 */
        margin-left: 10px; /* 可选，设置左边距 */
        margin-right: 10px; /* 可选，设置右边距 */
    }
</style>

<MNavigationDrawer @bind-Value="_drawer"  App>
    <!-- -->
    <MCardTitle>
        @ChatApplication.Name
    </MCardTitle>
    <MDivider></MDivider>
    <ChatDialog Type="ChatDialogType.ChatShare" ApplicationId="@ChatApplication.Id" ChatId="@GuestId" @bind-Value="ChatDialog"></ChatDialog>
</MNavigationDrawer>

<MAppBar App>
    <MAppBarNavIcon @onclick="()=>_drawer = !(_drawer ?? false)"></MAppBarNavIcon>
    <MToolbarTitle>@ChatApplication.Name</MToolbarTitle>
</MAppBar>
<!-- 根据应用组件来调整你的内容 -->
<MMain Style="height: 98%;">
    <ChatDialogue ChatSharedId="@Id" ChatDialogId="@ChatDialog.Id" ChatApplication="@ChatApplication"></ChatDialogue>
</MMain>